<template>
  <view>
    <!-- #ifdef MP-WEIXIN || APP -->
    <view>小程序/iOS/安卓购物车</view>
    <!-- #endif -->
    <!-- #ifdef H5 -->
    <view>网页购物车</view>
    <!-- #endif -->
    <view class="box" @click="fn"></view>
  </view>
</template>

<script>
export default {
  methods: {
    fn() {
      // #ifdef MP-WEIXIN
      this.$msg("小程序中点击了");
      // #endif
      // #ifdef H5
      this.$msg("网页中点击了");
      // #endif
    },
  },
};
</script>

<style>
/* 小程序中: 正方形, 背景为green; h5中: 圆, 背景为red */
.box {
  width: 200rpx;
  height: 200rpx;
  /* #ifdef MP-WEIXIN */
  background-color: green;
  /* #endif */
  /* #ifdef H5 */
  background-color: red;
  border-radius: 50%;
  /* #endif */
}
</style>
